<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
		<title>Untitled Document</title>
	</head>
	<body>
	<span id='styleselector'></span>
	Style:<input type='text' id='sstyle' /><input type='button' value='Add' onclick='AddStyle(document.all.sstyle.value);' />
	<div id='styletest' class='default'>This is a test</div>
	<script>
	 function getStyles(){
                
                var html = "<select id='selyear' onchange='ChangeYear();'>"
                var i = new Number(2007);
                var j = new Number(currentDate.getFullYear());
                
                for (i = 2007; i <= j; i++) {
                   
                    html += "<option value='" + i + "'";
                   
                    if (i == new Date().getFullYear()) 
                        html += " selected ";
                   
                    html += ">" + i + "</option>";
                
                }
                
                html += "</select>";
                document.getElementById("styleselector").innerHTML = html;
            }
           function AddStyle(class)
           {
           		document.getElementById("styletest").className += class;
           }
	</script>
	</body>
</html>
